<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" href="../../static/css/backstage_user.css">
    <link rel="stylesheet" href="../../static/css/backstage_index.css">
    <link rel="stylesheet" href="../../static/css/merchandise.css">
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css">
</head>
<body>
<!--顶部和侧边-->
<div th:include="/like/business_commen::identical"></div>
<!--    主页面-->
<div class="home_page">
    <div id="container_user">
        <div class="tab_manager_title">
            <!--            模态框-->
            <form action="/business/selectStoreLikeDateById" method="get">
                <div class="me_search">
                    <input name="date" type="text" class="me_input" placeholder="请输入查找信息" th:value="${selectStore}">
                </div>
                <div class="btn_search">
                    <input type="submit" value="搜索">
                </div>
            </form>


            <div style="clear: both"></div>
            <!-- 按钮触发模态框 -->
            <div class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" id="add">
                添加信息
            </div>
            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"
                                    aria-hidden="true">×
                            </button>
                        </div>
                        <div class="modal-body">
                            <!-- 添加用户信息表格-->
                            <div class="number">
                                <p>店铺名称</p>
                                <input type="text" class="ger" id="user_name">
                                <span></span>
                            </div>
                            <div class="number">
                                <p>店主ID</p>
                                <input readonly="readonly" type="text" class="ger" id="user_id" th:value="${session.user.getUserId()}">
                                <span></span>
                            </div>
                            <div class="number">
                                <p>店铺类型</p>
                                <div style="display: inline-block;width: 258px;vertical-align: top;padding-left: 6%;">
                                    <ul style="list-style: none;">
                                        <li><input type="radio" name="shop" value="1">家用电器</li>
                                        <li><input type="radio" name="shop" value="25">手机/电脑/数码</li>
                                        <li><input type="radio" name="shop" value="26">服装/男装/女装</li>
                                        <li><input type="radio" name="shop" value="27">美食/生鲜/零食</li>
                                        <li><input type="radio" name="shop" value="28">鲜花/宠物</li>
                                        <li><input type="radio" name="shop" value="29">鞋靴/运动</li>
                                        <li><input type="radio" name="shop" value="30">学习/百货/办公</li>
                                        <li><input type="radio" name="shop" value="31">美妆/洗护/手表</li>
                                        <li><input type="radio" name="shop" value="32">家具/家纺/家饰</li>
                                        <li><input type="radio" name="shop" value="34">动漫/游戏/影视</li>
                                    </ul>

                                </div>

                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default"
                                    data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="submit">
                                提交
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
            <!--             编辑模态框-->
            <div class="shadow">
                <div class="compile">
                    <div class="style_img">
                        <img src="../../static/img/Error-Cloud.png">
                    </div>
                    <div style="clear: both"></div>
                    <div class="style_list">
                        <p>店铺名称</p>
                        <input type="text" id="shopName">
                    </div>
                    <div class="style_btn">
                        <div class="style_submit">提交</div>
                        <div class="style_close">关闭</div>
                    </div>
                </div>
            </div>
            <!--            用户表格-->
            <div class="container" style="margin-top: 25px;">
                <table class="table table-hover" id="employeeTable">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>店铺名称</th>
                        <th>店主ID</th>
                        <th>店铺类型</th>
                        <th>访问次数</th>
                        <th>收藏次数</th>
                        <th>创建时间</th>
                        <th>查看列</th>
                        <th>编辑列</th>
                        <th>删除列</th>
                    </tr>
                    </thead>
                    <tbody th:if="${store.getList()!=null}">
                    <tr th:each="storeDate:${store.getList()}">
                        <td th:text="${storeDate.storeId}"></td>
                        <td th:text="${storeDate.storeName}"></td>
                        <td th:text="${storeDate.userId}"></td>
                        <td  th:if="${storeDate.storeKind== '1'}" >家用电器</td>
                        <td  th:if="${storeDate.storeKind=='25'}">手机/电脑/数码</td>
                        <td  th:if="${storeDate.storeKind=='26'}">服装/男装/女装</td>
                        <td  th:if="${storeDate.storeKind=='27'}">美食/生鲜/零食</td>
                        <td  th:if="${storeDate.storeKind=='28'}">鲜花/宠物</td>
                        <td  th:if="${storeDate.storeKind=='29'}">鞋靴/运动</td>
                        <td  th:if="${storeDate.storeKind=='30'}" >学习/百货/办公</td>
                        <td  th:if="${storeDate.storeKind=='31'}">美妆/洗护/手表</td>
                        <td  th:if="${storeDate.storeKind=='32'}">家具/家纺/家饰</td>
                        <td  th:if="${storeDate.storeKind=='34'}">动漫/游戏/影视</td>
                        <td th:text="${storeDate.collectionNumber}"></td>
                        <td th:text="${storeDate.reviewPower}"></td>
                        <td th:text="${storeDate.setTime}"></td>
                        <td class="bus-see"><a th:href="@{'/business/goodsPageByStore?storeId='+${storeDate.storeId}}">查看</a></td>
                        <td class="com-edit style_replace" th:data-id="${storeDate.storeId}">编辑</td>
                        <td ><a class="delete"  th:data-id="${storeDate.userId}" >删除</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="page">
        <ul>
            <li th:if="${selectStore!=null&&store.getNavigatepageNums().length!=1}" th:each="number:${store.getNavigatepageNums()}"><a th:text="${number}" th:href="@{'/business/selectStoreLikeDateById?page='+${number}+'&date='+${selectStore}}" ></a></li>
            <li th:if="${selectStore==null&&store.getNavigatepageNums().length!=1}" th:each="number:${store.getNavigatepageNums()}"><a th:text="${number}" th:href="@{'/business/businessStore?page='+${number}+'&date='+${selectStore}}" ></a></li>
        </ul>
    </div>
</div>



</body>
<script src="../../static/js/jquery-3.3.1.min.js"></script>
<script src="../../static/js/business_store.js"></script>
<script src="../../static/js/bootstrap.min.js"></script>
<!--jQ-->
</html>